Cuando trato de renderizar un elemento personalizado usando el renderizado de celda,
aquí está mi componente: Action.jsx
import React from 'react'; export default (props) => ( <div> <button class="action-button cancel"> cancel </button> </div> );aquí están mis opciones de cuadrícula e importación:
import AcRenderer from './Action.jsx' ... const gridOptions = { rowData: renderdata(), columnDefs: [ { headerName: "action", cellRenderer: AcRenderer, editable: false, colId: "action", filter: false, minWidth: 220 } ],pero sigo recibiendo este error:
" Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
¿Alguien sabe por qué?
¡¡con muchas GRACIAS!!
problema resuelto.
No tengo idea de que de alguna manera estaba leyendo la versión 27.0.0 del documento pero en realidad estaba usando 26.2. En esta versión, es compatible con escribir un componente funcional y usarlo directamente (cuando pruebo, hay una nueva versión 27.0.1 hace 6 minutos, pero después de la prueba, hay problemas registrados en la consola, así que decidí volver a usar a 26.2)
Pero en la versión 26.2, debe exportar en cadena o importarlo usando frameworkComponents dentro de las opciones de cuadrícula agrícola, después de eso puede usar su componente.
Para ser honesto, ¿podemos tener alguna advertencia como: estás leyendo qué versión del documento? Vi que 27.0.0 se lanzó el 08 de febrero, pero el proyecto comenzó varios días antes de eso, durante estos días ni siquiera me di cuenta de que hay un lanzamiento de versión enorme...
Lo siento por mi queja (este problema realmente hace perder mucho tiempo), ¡pero espero que mis hallazgos puedan ayudar!